<template>
  <div class="user">
    <userSearch />
    <userContent @newClick = "handleNewBtnClick"/>
    <userModal ref="modelRef" />
  </div>
</template>

<script setup lang="ts">
import userSearch from './c-cnps/user-search.vue'
import userContent from './c-cnps/user-content.vue'
import userModal from './c-cnps/user-modal.vue'
import { ref } from 'vue'


const modelRef = ref<InstanceType<typeof userModal>>()
function handleNewBtnClick(){
  modelRef.value?.setModelVisible()
}
</script>

<style scoped lang="less">
.user {
  border-radius: 8px;
  overflow: hidden;
}
</style>
